border: width style color
Границы(Рамки)
Граница элемента находится между его margin и padding .
border-top
border-bottom
border-left
border-right
border-bottom
border-left
border-right
Рамка с определенной стороны
Рамку можно задать не только сразу всему элементу, а также только определенной стороне элемнента.
border-style
Стили рамок
Для управления видом рамки предоставляется несколько значений border-style .
border-radius
Закруглить края
Свойство border-radius закругляет углы почти у любого элемента. И даже если у блока не задана явная рамка.
border-block
Рамки по блочной оси
border-block — это логическое свойство-шорткат. Он создаёт у элемента рамки по блочной оси.
border-inline
Рамки по строчной оси
Когда нужно, чтобы видимые границы блока разместились в противоположном блочной оси направлении.
border-image
Рамка картинка
Свойство border-image пригодится в том случае, если вы хотите задать блоку необычную рамку, а не просто сплошную или прерывистую линию одного цвета. Это свойство позволяет использовать картинку в качестве «заливки» рамки.
border-collapse
Рамки таблиц
Свойство border-collapse управляет отображением границ таблицы и её ячеек.
border-spacing
Отступ между рамками ячеек таблицы
Свойство border-spacing задаёт отступ между рамками ячеек таблицы.
outline
Обводка элемента
Что-то вроде border на стероидах. Не влияет на размеры элемента, можно отодвинуть от границ на любое расстояние.
outline-offset
Смещение обводки
Свойство outline-offset устанавливает расстояние между фактическим краем элемента и внутренним краем обводки, заданной при помощи outline .